<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>增加审批模板</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../../component/elementUI/index.css">
  <link rel="stylesheet" href="../../../style/index.css">
</head>

<body>
  <div id="app" v-cloak>
    <el-form :model="form" :rules="rules" ref="contract" inline-message="true" style="width: 100%">
      <el-row :gutter="10">
        <el-col :xs="24" :span="12">
          <div class="table_titel">
            <div class="titel">审批模板信息</div>
          </div>
          <el-descriptions :column="1" border size="small">
            <el-descriptions-item label="模板名称">
              <el-form-item prop="Approval_Info_Name">
                <el-input v-model.trim="form.Approval_Info_Name" placeholder="请输入功能名称"></el-input>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item label="所属功能">
              <el-form-item prop="Function_Approval_SerialNumber">
                <el-select v-model.trim="form.Function_Approval_SerialNumber" placeholder="请选择模板类型" filterable clearable style="width: 100%">
                  <el-option v-for="(item,index) in function_approval_config" :key="index" :label="item.Function_Approval_Name"
                    :value="item.Function_Approval_SerialNumber"></el-option>
                </el-select>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item label="审批节点人员相同时自动通过">
              <el-form-item prop="Approval_Auto_Pass">
                <el-select v-model.trim="form.Approval_Auto_Pass" placeholder="请选择" filterable clearable style="width: 100%">
                  <el-option label="每个节点都要审批" value="0"></el-option>
                  <el-option label="仅首个节点需审批其余自动同意" value="1"></el-option>
                  <!-- <el-option label="仅连续审批时自动同意" value="2"></el-option> -->
                </el-select>
              </el-form-item>
            </el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :xs="24" :span="12">
          <div class="table_titel">
            <div class="titel">审批流程</div>
          </div>
          <div class="fd-nav-content " style="margin-bottom: 100px; max-width: 600px;height: 600px; position: relative;">
            <object id="dataFlow" data="./dataFlow.html?preview=true" type="text/html"
              style="width: 100%;height: 100%;"></object>
            <div @click="config" style="position: absolute; top: 0; left: 0;width: 100%;height: 100%; 
              display: flex; justify-content: center; align-items: center;">
              <span v-for="(item,index) in '点击进入配置'" :key="item"
                style="user-select: none; font-weight: 900; padding: 5px; color: rgba(0, 0, 0, 0.068); font-size: 35px;">{{item}}</span>
            </div>
          </div>
        </el-col>
      </el-row>
      <el-form-item class="form-operation">
        <el-button @click="window.history.back()">返回</el-button>
        <el-button type="primary" :loading="loading" @click="submitForm('contract')">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
  <script type="text/javascript" src="../../../utils/jquery-3.6.0.min.js"></script>
  <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../../utils/vue.min.js"></script>
  <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
  <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
  <script type="text/javascript" src="../../../utils/utils.js"></script>
  <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
  <script type="text/javascript" src="js/Add.js"></script>
</body>

</html>